//flex一把梭
.fcc {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fce {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.fss {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.fsc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fse {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.fec {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fbc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fac {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.fvc {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.fdcc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fdsc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.fdss {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.fdse {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.fdbc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.fdas {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.fdvc {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.fdac {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.fdbs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.fdes {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.fcs {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ac {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.ab {
  position: absolute;
}
.re {
  position: relative;
}
.ty50 {
  transform: translateY(-50%);
}
.tx50 {
  transform: translateX(-50%);
}
.f1 {
  flex: 1;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}

.w50 {
  width: 50%;
}
.h20 {
  height: 50%;
}
